<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
 xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</h:head>
<body>
<h:form id="fListBook">
	<h:dataTable value="#{bookManageBean.books}" var="book" id="listBook">
		<h:column>
			<f:facet name="header">Book name</f:facet>
			#{book.name}
		</h:column>
		<h:column>
			<f:facet name="header">Book price</f:facet>
			#{book.price}
		</h:column>
	</h:dataTable>
	<h:outputText >Enter book name: </h:outputText>
	<h:inputText value="#{bookManageBean.name}" id="name" label="Book name" >
	</h:inputText>
	<h:outputText >Enter book price: </h:outputText>
	<h:inputText value="#{bookManageBean.price}" id="price" label="Book price" >
	</h:inputText>
	<h:message for="name"></h:message>
	<h:commandButton value="Save" actionListener="#{bookManageBean.saveBook}">
		<f:ajax execute="name price" render="listBook"></f:ajax>
	</h:commandButton>
</h:form>
</body>
</html>